﻿#ErrorBox, #emptyDiv
{
    margin-top:20px;
    margin-bottom:20px;
    padding: 10px 4px 10px 4px;
    background:#FF9B9B;
    border:2px solid #FF0000;
    opacity:0.0;
}

#AvailableModeratorList, #AvailableStudentList
{
    float:left;
    width:200px;
    padding-top:15px;
    padding-right:15px;
    border-right:1px solid #CFCFCF;
}

.ui-draggable-dragging
{
    width:185px;
}



#AvailableStudent li img
{
    display:none;
}

#AvailableModerators li img
{
    display:none;
}

.Student img, .Moderator img
{
    display:none;
}

.Student:hover img, .Moderator:hover img
{
    display:block;
}



    
.NoDecoration
{
    text-decoration: none;
}
    
#CreateTeamLink
{
    cursor:pointer;
}
    
.RemoveTeamIcon
{
    cursor:pointer;
}
    
#TeamCreationOptions
{
    margin-top:25px;
}
    
.TeamDiv
{
    float:left;
    margin:8px;
    padding:8px;
    width:200px;
    border:1px solid #EEF;
    border-bottom:3px solid #EEF;
}
    
#TeamsDiv
{
    float:left;
    padding-top:15px;
    padding-left:15px;
}
    
.TeamSortable, .ModeratorsDraggable, #AvailableStudent
{
    min-height:25px;
    cursor:pointer;
    list-style:none;
    padding:0;
    margin:0;
}

.Moderator
{
    list-style-type:none;
    background:#51809E;
    color:White;
}
    
.TeamNameTextBox
{
    border:none;
    width:175px;
    font-weight:bold;
}
    
.ui-state-default
{
    padding:3px;
    margin-top:2px;
    margin-bottom:2px;
}
    
.ui-state-highlight, .ui-sortable-placeholder
{
    display:block;
    height: 2px; 
    line-height: 2px; 
}
    
#TeamContent ul
{
    list-style:none;
    margin:0;
    padding:0;
}